#@weblayout()
#define main()
    <link href="/css/case_list.css" rel="stylesheet" type="text/css">

    <div class="main_box" id="caseBox">
        <div class="title">案例展示</div>
        <div class="desc">致力于为客户提供从品牌策略到产品策略再到市场策略的全面解决方案</div>
        <div class="case_types clearFloat">
            #for(t : types)
                <div data-val="#(t.value)" class="#(t.value.toInt() == currentType?'active':'')">#(t.name)</div>
            #end
        </div>
        <div class="content">
            <div class="case_list clearFloat">
                #for(pc: casePage)
                <div class="item" data-val="#(pc.id)">
                    <img onerror="this.src='/images/case.png'" src="#(pc.cover??)" />
                    <div class="case_name">#(pc.name)</div>
                </div>
                #end
            </div>
        </div>
        <!--<div class="btn_box">
            <div class="btn_more">查看更多</div>
        </div>-->
    </div>

    <script>
        $(function () {
//            window.location.hash = 'caseBox';
            $('.case_types div').click(function () {
                $(this).addClass('active').siblings('div').removeClass('active');
                location.href="/caze?type="+$(this).attr("data-val");
            });

            $('.case_list > .item').click(function () {
                location.href="/cazeDetail/"+$(this).attr("data-val");
            });
        })
    </script>
#end